<template>
 
        <div class = "warelist">
           <h2 class="menu_hoader">超值折扣推荐</h2>
            <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_01.jpg">
						<div class="mui-media-body">
							<span>幸福</span>
							<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_02.jpg">
						<div class="mui-media-body">
							<span>鸡汤</span>
							<p class='mui-ellipsis'>不要在该奋斗的年纪选择去偷懒，只有度过了一段连自己都被感动了的日子，才会变成那个最好的自己，共勉。</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_04.jpg">
						<div class="mui-media-body">
							<span>鸡汤</span>
							<p class='mui-ellipsis'>古之立大事者，不惟有超世之才，亦必有坚韧不拔之志.</p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_05.jpg">
						<div class="mui-media-body">
							<span>凄凉</span>
							<p class='mui-ellipsis'>我在过马路，你人在哪里。</p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_06.jpg">
						<div class="mui-media-body">
							<span>向往</span>
							<p class='mui-ellipsis'>离去，让事情变得简单，人们变得善良，像个孩子一样，我们重新开始。</p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_07.jpg">
						<div class="mui-media-body">
							<span>幸福</span>
							<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_08.jpg">
						<div class="mui-media-body">
							<span>释怀</span>
							<p class='mui-ellipsis'>过去的一页，能不翻就不要翻，翻落了灰尘会迷了双眼。.</p>
						</div>
					</a>
				</li>
                <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../upload/menu_09.jpg">
						<div class="mui-media-body">
							<span>思考</span>
							<p class='mui-ellipsis'>当我最想说些甚么的时间，每每也是我最沉默的时间。</p>
						</div>
					</a>
				</li>

			</ul>
       </div>   
 
</template>
<style lang="less">
.warelist{

    margin-top: 50px;
  .mui-table-view .mui-media-object{
    line-height: 100px;
    max-width: 100px;
    height: 100px;
}
.mui-media-body{
    >p{
        margin-top: 30px;
    }
}
}

</style>
<script>
export default {
    
}
</script>
